<template>
  <div class="container">
      <div class="box">
        <h2>你的浏览器太古老，该升级了~</h2>
        <p>我们检测到你的浏览器不完美的支持本后台管理页面的各项功能。</p>
        <p>请更换到下面浏览器，一劳永逸！</p>
        <div class="browsers">
            <a href="https://www.google.cn/intl/zh-CN/chrome/" target="_blank">
              <img src="@/assets/images/chrome.png"/>
              谷歌浏览器
            </a>
        </div>
      </div>
  </div>
</template>

<script>
export default {
  name: '',
  components: {},
  props: {},
  data() {
    return {
    };
  },
// 方法
  methods: {},
// 生命周期 - 创建完成（可以访问当前this实例）
  created() {},
// 生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {},
// 销毁
  destroyed() {}
};
</script>
<style lang="scss" scoped>
.container{
  position: absolute;
  width: 100%;
}
  .box{
    margin: 200px auto;
    width: 600px;
    .browsers{margin: 0 auto;margin-top: 40px;}
			.browsers a{display: inline-block;margin-left: 50px;color: #7c9d94; text-align: center;}
			.browsers a:first-child{margin-left: 0px;}
			.browsers a img{display: block;margin-bottom: 20px; width: 80px; height: 80px;}
  }
</style>
